import axios, { AxiosRequestHeaders, AxiosResponse } from "axios";
import { message, Modal } from "antd";
import { store } from "@/app/store";
import { logoutAsync } from "@/pages/login/slice";

/* 定义response对象的data接口 */
interface ResponseData<T> {
  code: number;
  data: T;
  message: string;
}
// 创建一个新的axios，就是返回值request
// request的用法和axios用法基本一致
const request = axios.create({
  // 公共配置，将来发送请求会自动添加
  // 发送请求的前缀：将来所有通过request发送的请求，会在请求地址前面自动添加baseURL
  // react脚手架会根据开发/生产自动加载.env.xxx的环境变量
  // 通过 process.env.xxx 读取加载的环境变量的值
  // 开发模式下：process.env.REACT_APP_API --> /dev-api
  baseURL: process.env.REACT_APP_API, // 请求地址：baseURL + url
  timeout: 10000, // 请求超时时间：一旦请求超过10s还未完成，就会自动中断请求
  // headers: {},
});

// 请求拦截器函数：发送请求之前触发的函数
request.interceptors.request.use((config) => {
  // token从redux中读取
  // 不是组件，不能使用hooks函数读取
  // 使用最原始读取redux数据的方法
  const token = store.getState().user.token;
  if (token) {
    // 携带token参数
    (config.headers as AxiosRequestHeaders).token = token;
  }
  return config;
});

// 响应拦截器函数：得到响应之后触发的函数
request.interceptors.response.use(
   /* 约束一下response */

//   response:AxiosResponse<any, any>
	async (response: AxiosResponse<ResponseData<any>>) => {
		// 对响应数据做点什么
		const res = response.data;
    if (res.code !== 20000 && res.code !== 200) { /* 成功数据的code值为20000/200 */
      // 统一的错误提示
      console.log("utils下拦截器",5353)

      const errorMsg = (typeof res.data=='string' && res.data) || res.message || 'Error'
      message.error(errorMsg)
			// `token` 过期或者账号已在别处登录
      //清空...
      store.dispatch(logoutAsync())
      console.log(response.status,535353)
      if (response.status === 401) {
        //清空用户信息
        Modal.error({
          title: '提示',
          content: '你已被登出，请重新登录',
        });
        // 获取当前用户星系通过redux
        console.log("utils下拦截器",6262)
        //清空...
        store.dispatch(logoutAsync())
				window.location.href = '/login' // 去登录页
			}
      //清空...
      console.log(676767676)
      // store.dispatch(logoutAsync())
			return Promise.reject(request.interceptors.response);
		} else {
      return res.data; /* 返回成功响应数据中的data属性数据 */
		}
	},
	(error) => {
		// 对响应错误做点什么
		if (error.message.indexOf('timeout') != -1) {
      message.error("网络超时")
		} else if (error.message == 'Network Error') {
      message.error("网络链接错误")
		} else {
			if (error.response.data) message.error(error.response.statusText);
			else message.error("接口路径找不到")
		}
		return Promise.reject(error);
	}
);

export default request;
